/*每个页面公共css */
	::-webkit-scrollbar {
		width: 0 !important;
		height: 0 !important;
	}

	::-webkit-scrollbar-track {
		background-color: rgba(50, 50, 50, 0);
		border-radius: 1em;
	}

	*:hover::-webkit-scrollbar-track {
		background: rgba(50, 50, 50, 0);
	}

	::-webkit-scrollbar-thumb {
		background-color: rgba(50, 50, 50, 0);
		border-radius: 1em;
	}

	::-webkit-scrollbar-thumb:hover {
		background: rgba(50, 50, 50, 0);
	}

	::-webkit-scrollbar-corner {
		background: rgba(50, 50, 50, 0);
	}

	page {
	  color: #222;
	  font-size: 28rpx;
	}
	.topBox {
		position: sticky;
		top: 0;
		left: 0;
		right: 0;
		z-index: 99;
		&.p30 {
			padding: 20rpx 30rpx;
			box-sizing: border-box;
		}
	}
	
	.container {
	  min-height: 100%;
	  width: 100%;
	  overflow-x: hidden;
	  overflow-y: auto;
	  position: relative;
	}
	
	.flex {
	  display: flex;
	}
	
	.flex-c {
	  display: flex;
	  align-items: center;
	}
	
	.flex-cc {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	
	.flex-cb {
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	}
	
	.flex-ca {
	  display: flex;
	  align-items: center;
	  justify-content: space-around;
	}
	
	.flex-left {
	  display: flex;
	  align-items: center;
	  justify-content: flex-start;
	}
	
	.flex-center {
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  justify-content: center;
	}
	
	.flex-cl {
	  display: flex;
	  flex-direction: column;
	  align-items: flex-start;
	}
	
	.flex-1 {
	  flex: 1;
	}
	
	.flex-2 {
	  flex: 2;
	}
	
	.flex-3 {
	  flex: 3;
	}
	
	.flex-column {
	  flex-direction: column;
	}
	
	.text-ellipsis {
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	}
	
	.text-bold {
	  font-weight: bold;
	}
	
	.back-cover {
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
	}
	
	.back-contain {
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: contain;
	}
	
	.white-bg {
	  background-color: #fff;
	}
	
	.black-bg {
	  background-color: #000;
	}
	
	.gray-bg {
	  background-color: #f7f7f7;
	}
	
	.cf {
	  color: #fff;
	}
	
	.c2 {
	  color: #222;
	}
	
	.c3 {
	  color: #333;
	}
	
	.c6 {
	  color: #666;
	}
	
	.c9 {
	  color: #999;
	}
	
	.cc {
	  color: #ccc;
	}
	
	.cDD5040 {
	  color: #DD5040;
	}
	
	.c4167C1 {
	  color: #4167C1;
	}
	
	
	.mt16 {
	  margin-top: 16rpx;
	}
	.mt10 {
	  margin-top: 10rpx;
	}
	
	.mt24 {
	  margin-top: 24rpx;
	}
	
	.mt30 {
	  margin-top: 30rpx;
	}
	
	.mt40 {
	  margin-top: 40rpx;
	}
	
	.ml10 {
	  margin-left: 10rpx;
	}
	
	.ml12 {
	  margin-left: 12rpx;
	}
	
	.ml16 {
	  margin-left: 16rpx;
	}
	
	.ml20 {
	  margin-left: 20rpx;
	}
	
	.ml32 {
	  margin-left: 32rpx;
	}
	
	.mr30 {
	  margin-right: 30rpx;
	}
	
	.mr47 {
	  margin-right: 47rpx;
	}
	
	.mr60 {
	  margin-right: 60rpx;
	}
	
	.f20 {
	  font-size: 20rpx;
	}
	
	.f24 {
	  font-size: 24rpx;
	}
	
	.f26 {
	  font-size: 26rpx;
	}
	
	.f28 {
	  font-size: 28rpx;
	}
	
	.f30 {
	  font-size: 30rpx;
	}
	
	.f32 {
	  font-size: 32rpx;
	}
	
	.f36 {
	  font-size: 36rpx;
	}
	.f44 {
		 font-size: 44rpx;
	}
	
	.op8 {
	  opacity: 0.8;
	}
	
	.fwb {
	  font-weight: bold;
	}
	
	.w100 {
	  width: 100%;
	}
	
	.w140 {
	  width: 140rpx;
	}
	
	.wzhg {
	  line-height: 1.5;
	}
	.no-list {
	  padding-top: 200rpx;
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  justify-content: center;
	  padding-bottom: 50rpx;
	}
	.no-list image {
	  width: 360rpx;
	  height: 188rpx;
	}
	.no-list view {
	  color: #999999;
	  font-size: 24rpx;
	  margin-top: 30rpx;
	}
	.limit-1-line {
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 1;
	  /* autoprefixer: off */
	  -webkit-box-orient: vertical;
	  /* autoprefixer: on */
	}
	
	.limit-2-line {
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  /* autoprefixer: off */
	  -webkit-box-orient: vertical;
	  /* autoprefixer: on */
	}